<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>手机预览</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css"/>
    <style>
        .close{
            display: none;
        }
        .carousel-inner>.item>img{
            width: 100%;
        }
    </style>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-wysiwyg.js"></script>
    <script src="js/jquery.hotkeys.js"></script>

</head>
<body>

    <div class="title title1 ">
        <h1 class="text-center">这里是标题</h1>
        <h4 class="text-center">这里是副标题</h4>
    </div>
    <div class="title title2 text-center">
        <h2>这里是标题</h2>
        <em class="text-muted">2016-05-10 运动笔记 <span class="text-primary">南京跑步</span></em>
    </div>
    <div class="title title3 text-center">
        <h2>这里是标题</h2>
        <em class="text-muted">05-10 12:32 头条新闻</em>
    </div>
    <div class="room ui-droppable ui-sortable" id="content">
        <div class="space element" id="fields">
            <div class="closeLine" style="display: block;">
                <button class="close">×</button>
            </div>
            <div class="form-group field nameS"><label>姓名</label><input class="form-control" type="text" placeholder="请输入标题" disabled=""></div><div class="form-group field telS"><label>手机号码</label><input class="form-control" type="tel" placeholder="请输入手机号码" disabled=""></div></div>

        <div class="form-group element img"><button class="close">×</button><label>图片</label><img src="http://www.mikecrm.com/images/icon/formDefaultPicture.png" style="width: 100%;"><h6>描述文字</h6></div><div class="element banner"><button class="close" style="position: relative;z-index: 999999">×</button><div id="myCarousel" class="carousel slide"><ol class="carousel-indicators"><li data-target="#myCarousel" data-slide-to="0" class="active"></li><li data-target="#myCarousel" data-slide-to="1"></li><li data-target="#myCarousel" data-slide-to="2"></li></ol><div class="carousel-inner"><div class="item active"><img src="img/3.jpg" alt="第一张"></div><div class="item"><img src="img/4.jpg" alt="第二张"></div><div class="item"><img src="img/5.jpg" alt="第三张"></div></div></div></div><div class="element share"><button class="close">×</button><p class="text-black">分割线</p><hr><p class="text-muted">这里添加你的描述</p></div><div class="element notice"><button class="close">×</button><marquee class="bg-warning" style="color: rgb(65, 65, 65); font-size: 12px; line-height: 17px; height: 18px; width: 100%;" direction="left" height="18" scrollamount="5" behavior="scroll" scrolldelay="100" onmouseover="this.scrollDelay=500" onmouseout="this.scrollDelay=1" width="100%">模板无忧（mb5u.com）专业提供各类编程源代码、电子视频教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站</marquee></div></div>



    <div class="element rich"><div class="closeLine2"><botton class="close close2">×</botton></div><div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor"><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" title="" data-original-title="Font"><i class="icon-font"></i><b class="caret"></b></a><ul class="dropdown-menu"><li><a data-edit="fontName Serif">Serif</a></li><li><a data-edit="fontName Sans">Sans</a></li><li><a data-edit="fontName Arial">Arial</a></li><li><a data-edit="fontName Arial Black">Arial Black</a></li><li><a data-edit="fontName Courier">Courier</a></li><li><a data-edit="fontName Courier New">Courier New</a></li><li><a data-edit="fontName Comic Sans MS">Comic Sans MS</a></li><li><a data-edit="fontName Helvetica">Helvetica</a></li><li><a data-edit="fontName Impact">Impact</a></li><li><a data-edit="fontName Lucida Grande">Lucida Grande</a></li><li><a data-edit="fontName Lucida Sans">Lucida Sans</a></li><li><a data-edit="fontName Tahoma">Tahoma</a></li><li><a data-edit="fontName Times">Times</a></li><li><a data-edit="fontName Times New Roman">Times New Roman</a></li><li><a data-edit="fontName Verdana">Verdana</a></li></ul></div><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" title="" data-original-title="Font Size"><i class="icon-text-height"></i>&nbsp;<b class="caret"></b></a><ul class="dropdown-menu"><li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li><li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li><li><a data-edit="fontSize 1"><font size="1">Small</font></a></li></ul></div><div class="btn-group"><a class="btn" data-edit="bold" title="" data-original-title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a><a class="btn" data-edit="italic" title="" data-original-title="Italic (Ctrl/Cmd+I)"><i class="icon-italic"></i></a><a class="btn" data-edit="strikethrough" title="" data-original-title="Strikethrough"><i class="icon-strikethrough"></i></a><a class="btn" data-edit="underline" title="" data-original-title="Underline (Ctrl/Cmd+U)"><i class="icon-underline"></i></a></div><div class="btn-group"><a class="btn" data-edit="insertunorderedlist" title="" data-original-title="Bullet list"><i class="icon-list-ul"></i></a><a class="btn" data-edit="insertorderedlist" title="" data-original-title="Number list"><i class="icon-list-ol"></i></a><a class="btn" data-edit="outdent" title="" data-original-title="Reduce indent (Shift+Tab)"><i class="icon-indent-left"></i></a><a class="btn" data-edit="indent" title="" data-original-title="Indent (Tab)"><i class="icon-indent-right"></i></a></div><div class="btn-group"><a class="btn" data-edit="justifyleft" title="" data-original-title="Align Left (Ctrl/Cmd+L)"><i class="icon-align-left"></i></a><a class="btn" data-edit="justifycenter" title="" data-original-title="Center (Ctrl/Cmd+E)"><i class="icon-align-center"></i></a><a class="btn" data-edit="justifyright" title="" data-original-title="Align Right (Ctrl/Cmd+R)"><i class="icon-align-right"></i></a><a class="btn" data-edit="justifyfull" title="" data-original-title="Justify (Ctrl/Cmd+J)"><i class="icon-align-justify"></i></a></div><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" title="" data-original-title="Hyperlink"><i class="icon-link"></i></a><div class="dropdown-menu input-append"><input class="span2" placeholder="URL" type="text" data-edit="createLink"><button class="btn" type="button">Add</button></div><a class="btn" data-edit="unlink" title="" data-original-title="Remove Hyperlink"><i class="icon-cut"></i></a></div><div class="btn-group"><a class="btn" title="" id="pictureBtn" data-original-title="Insert picture (or just drag &amp; drop)"><i class="icon-picture"></i></a><input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage" style="opacity: 0; position: absolute; top: 0px; left: 0px; width: 41px; height: 30px;"></div><div class="btn-group"><a class="btn" data-edit="undo" title="" data-original-title="Undo (Ctrl/Cmd+Z)"><i class="icon-undo"></i></a><a class="btn" data-edit="redo" title="" data-original-title="Redo (Ctrl/Cmd+Y)"><i class="icon-repeat"></i></a></div><input type="text" data-edit="inserttext" id="voiceBtn" x-webkit-speech="" style="display: none;"></div><div id="editor"></div></div>

    <script>
        $('#myCarousel').carousel({
            interval:2000
        });
    </script>
</body>
</html>